<template>
    <div class="slider-demo-block">
        <span class="demonstration">电影评分</span>
        <el-slider v-model="value1" :step="1" show-stops :max="10" />
        <span class="text-lg text-orange-500">0~</span><span  class="text-lg text-orange-500 ">{{value1}}</span>
    </div>
    
</template>

<script lang="ts">
import { defineComponent, ref} from 'vue'

export default defineComponent({
    name:"personal",
    components:{},
    setup(){
        let value1 = ref(10);
        const drawer = ref(false)
        const direction = ref('ttb')
        return{
            drawer,
            direction,
            value1
        }
    }
})

</script>